<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>历史分析</title>
    <!-- 引入element-ui样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入element-ui相关js -->
    <script src="//unpkg.com/vue@2/dist/vue.js"></script>
    <script src="//unpkg.com/element-ui@2.15.14/lib/index.js"></script>

    <!-- 引入jquery -->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/History.js"></script>

    <style>
        .el-table thead{
            color: #707070;
        }
        .el-table{
            font-size: 10px;
            color: black;
        }
        .el-table .el-table__cell{
            padding: 2px 0;
        }
    </style>
</head>
<body>

<div id="app">
    <el-row>
        <el-button type="primary" size="mini" :plain="qishu != 10" @click="swapDates(10)">近10期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 20" @click="swapDates(20)">近20期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 30" @click="swapDates(30)">近30期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 40" @click="swapDates(40)">近40期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 50" @click="swapDates(50)">近50期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 60" @click="swapDates(60)">近60期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 70" @click="swapDates(70)">近70期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 80" @click="swapDates(80)">近80期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 90" @click="swapDates(90)">近90期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 100" @click="swapDates(100)">近100期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 120" @click="swapDates(120)">近120期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 140" @click="swapDates(140)">近140期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 160" @click="swapDates(160)">近160期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 180" @click="swapDates(180)">近180期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 200" @click="swapDates(200)">近200期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 250" @click="swapDates(250)">近250期</el-button>
        <el-button type="primary" size="mini" :plain="qishu != 300" @click="swapDates(300)">近300期</el-button>
    </el-row>
    <template>
        <el-table
                :data="tableData"
                height="620"
                border
                style="width: 100%"
                :row-style="{height: '28px' }"
                :cell-style="cellStyle">
            <el-table-column type="index" width="40" label="序号"></el-table-column>
            <el-table-column
                    prop="qihao"
                    label="期号" width="60">
            </el-table-column>
            <el-table-column
                    prop="kjDate"
                    label="日期" width="100">
            </el-table-column>
            <el-table-column
                    prop="zj"
                    label="开奖号" width="60">
            </el-table-column>
            <el-table-column
                    prop="xiaozhongda"
                    label="大中小" width="60">
            </el-table-column>
            <el-table-column
                    prop="kj"
                    label="开机号" width="60">
            </el-table-column>
            <el-table-column
                    prop="sj"
                    label="试机号" width="60">
            </el-table-column>
            <el-table-column
                    prop="sqHezhiWeiSha"
                    label="杀上期和尾" width="80">
            </el-table-column>
            <el-table-column
                    prop="sqKuaduSha"
                    label="杀上期跨度" width="76">
            </el-table-column>
            <el-table-column
                    prop="qihaoWeiSha"
                    label="杀期号" width="60">
            </el-table-column>
            <el-table-column
                    prop="kjDateWeiSha"
                    label="杀开奖时间尾号" width="100">
            </el-table-column>
            <el-table-column
                    prop="shang2ShiHezhiWeiSha"
                    label="杀上两期十位和尾" width="110">
            </el-table-column>
            <el-table-column
                    prop="kjHeweiSha"
                    label="杀开机和尾" width="80">
            </el-table-column>
            <el-table-column
                    prop="kjKuaduSha"
                    label="杀开机跨度" width="80">
            </el-table-column>
            <el-table-column
                    prop="sjHeweiSha"
                    label="杀试机和尾" width="80">
            </el-table-column>
            <el-table-column
                    prop="sjKuaduSha"
                    label="杀试机跨度" width="80">
            </el-table-column>
            <el-table-column
                    prop="baiwei3Sha"
                    label="杀上期百位*3+3" width="60">
            </el-table-column>
            <el-table-column
                    prop="baiwei7Sha"
                    label="杀上期百位*7+7" width="60">
            </el-table-column>
            <el-table-column
                    prop="clgDuanzu"
                    label="断组" width="60">
            </el-table-column>
            <el-table-column
                    prop="bsg"
                    label="百位杀个位" width="80">
            </el-table-column>
            <el-table-column
                    prop="gsb"
                    label="个位杀百位" width="80">
            </el-table-column>
            <el-table-column
                    prop="luTop1Sha"
                    label="杀前百期中奖号路数TOP1" width="140">
            </el-table-column>
            <el-table-column
                    prop="zjLu"
                    label="中奖路数" width="80">
            </el-table-column>
        </el-table>
    </template>
</div>

</body>
</html>